import React from 'react'
import { PageHeaderWrapper } from '@ant-design/pro-layout'
import { Card, Table, Button } from 'antd'
export default () => {

    const columns: any = [
        {
            title: '云上传',
            dataIndex: 'pay_titlt',
            width: "240px",
            render: (text: any, record: any) => <div>
                <img src={record.url} alt="" style={{ width: "40px" }} />
                <span style={{ marginLeft: "10px" }}>{text}</span>
            </div>,
        },
        {
            title: '描述',
            dataIndex: 'desc',

        },
        {
            title: '操作',
            align: "center",
            width: "240px",
            render: (text: any, record: any) => (
                <Button size="small" onClick={() => {

                }} >配置</Button>
            ),
        },
    ];

    const data = [
        {
            key: '1',
            pay_titlt: '阿里云上传',
            url: "http://uniapp.b2b2c.niuteam.cn/addon/alipay/icon.png",
            desc: '阿里云上传',
        },
        {
            key: '2',
            pay_titlt: '七牛云上传',
            url: "http://uniapp.b2b2c.niuteam.cn/addon/wechatpay/icon.png",
            desc: '将网站或数据库打包备份到七牛对象存储空间,七牛提供10GB免费存储空间。',
        },
    ];

    return (
        <Table columns={columns} dataSource={data} pagination={false} />
    )
}